<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>个人中心</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<link rel="stylesheet" href="./css/index.css" />
	</head>

	<body id="app">
		<div class="mui-content">
			<div class="main">
				<div class="top">
					<img src="../../images/mine/icon_mine_notice.png" class="notice">
					<img src="../../images/mine/icon_mine_settings.png" class="right">
					<img src="../../images/mine/icon_mine_bg.png" class="bg">
					<img src="../../images/mine/head.jpg" class="head">
					<span class="userNmae">隔壁老王会翻墙</span>
					<div class="bottom flex flexcenter around">
						<div typeid='1' class="item">
							<img src="../../images/mine/icon_mine_order_dfk.png">
							<span>待付款</span>
						</div>
						<div typeid='2' class="item">
							<img src="../../images/mine/icon_mine_order_dfh.png">
							<span>待发货</span>
						</div>
						<div typeid='3' class="item">
							<img src="../../images/mine/icon_mine_order_dsh.png">
							<span>待收货</span>
						</div>
						<div typeid='4' class="item">
							<img src="../../images/mine/icon_mine_order_ywc.png">
							<span>已完成</span>
						</div>
						<div typeid='5' class="item">
							<img src="../../images/mine/icon_mine_order_thd.png">
							<span>退货单</span>
						</div>
					</div>
				</div>
				<div class="bottom">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell" id="info">
							<a class="mui-navigate-right" href="pages/integral/index.html"><img
									src="../../images/mine/icon_mine_points.png"><span>我的积分</span></a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="pages/cards/index.html"><img
									src="../../images/mine/icon_mine_coupon.png"><span>优惠卡券</span></a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="pages/collect/index.html"><img
									src="../../images/mine/icon_mine_collect.png"><span>我的收藏</span></a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="pages/address/index.html"><img
									src="../../images/mine/icon_mine_address.png"><span>收货地址</span></a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="pages/help/list.html"><img
									src="../../images/mine/icon_mine_help.png"><span>帮助中心</span></a>
						</li>
						<li class="mui-table-view-cell" id="callService">
							<a class="mui-navigate-right"><img
									src="../../images/mine/icon_mine_support.png"><span>联系客服</span></a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="pages/distribution/index.html"><img
									src="../../images/mine/icon_mine_distribution.png"><span>分销管理</span></a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="pages/distribution/pages/qrCode/index.html"><img
									src="../../images/mine/icon_mine_code.png"><span>我的二维码</span></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 底部tab -->
		<nav class="mui-bar mui-bar-tab">
			<span class="mui-tab-item" onclick="goHome()">
				<img src="../../images/tabbar/icon_label_home_unselected.png" class="tabbar-img">
				<span class="mui-tab-label">艾沃商城</span>
			</span>
			<span class="mui-tab-item" onclick="goHeadlines()">
				<img src="../../images/tabbar/icon_label_news_unselected.png" class="tabbar-img">
				<span class="mui-tab-label">艾沃头条</span>
			</span>
			<span class="mui-tab-item  " onclick="goCart()">
				<img src="../../images/tabbar/icon_label_shoppingcart_unselected.png" class="tabbar-img">
				<span class="mui-tab-label">购物车</span>
			</span>
			<span class="mui-tab-item  mui-active" onclick="goMine()">
				<img src="../../images/tabbar/icon_label_mine_selected.png" class="tabbar-img">
				<span class="mui-tab-label">我的</span>
			</span>
		</nav>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/jquery-3.4.1.min.js" type="text/javascript"></script>
		<script src="../../js/resize.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/util.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			// mui.init()
			function goHeadlines() {
				window.location.href = '../headlines/index.html'
			}

			function goHome() {
				window.location.href = '../home/index.html'
			}

			function goCart() {
				window.location.href = '../cart/index.html'
			}

			function goMine() {
				window.location.href = '../mine/index.html'
			}
			// 文档一加载就执行
			$(document).ready(function() {
				obj.setRem()
			})
			// tap事件
			$.tapHandle()
			// 跳转设置
			$('.top .right').on('tap',function(){
				window.location.href= 'pages/set/index.html'
			})
			// 窗口调节
			$(window).resize(function() {
				obj.setRem()
			});
			// 跳转订单页面
			$('.flexcenter').on('click', '.item', function() {
				console.log($(this).attr('typeid'));
				// 如果是点击退货，不跳转订单页面
				if ($(this).attr('typeid') !== '5') {
					var typeid = $(this).attr('typeid');
					window.location.href = './pages/obligations/index.html?typeid=' + typeid;
				}else{
					// 点击退货
					window.location.href = './pages/refundlist/index.html';
				}
			})
			// 联系客服
			$("#callService").on('click', function() {
				var btnArray = ['取消', '立即拨打'];
				mui.confirm('0371-66668888', '客服热线', btnArray, function(e) {
					if (e.index == 1) {
						console.log('联系客服')
					} else {
						console.log('取消联系')
					}
				})
			});
			// 跳转公告
			$('.notice').on('click',function(){
				window.location.href = './pages/notice/index.html'
			})
		</script>
	</body>

</html>
